//获得video摄像头区域
let video = document.getElementById("video");
getMedia()
function getMedia() {
    let constraints = {
        video: {width: 500, height: 500},
        audio: true
    };
    /*
    这里介绍新的方法:H5新媒体接口 navigator.mediaDevices.getUserMedia()
    这个方法会提示用户是否允许媒体输入,(媒体输入主要包括相机,视频采集设备,屏幕共享服务,麦克风,A/D转换器等)
    返回的是一个Promise对象。
    如果用户同意使用权限,则会将 MediaStream对象作为resolve()的参数传给then()
    如果用户拒绝使用权限,或者请求的媒体资源不可用,则会将 PermissionDeniedError作为reject()的参数传给catch()
    */
    let promise = navigator.mediaDevices.getUserMedia(constraints);
    promise.then(function (MediaStream) {
        video.srcObject = MediaStream;
        video.play();
    }).catch(function (PermissionDeniedError) {
        console.log(PermissionDeniedError);
    })
}



function takePhoto() {
    //获得Canvas对象
    let canvas = document.getElementById("canvas");
    let ctx = canvas.getContext('2d');
    ctx.drawImage(video, 0, 0, 500, 500);
    convertCanvasToImage(canvas);
    //包含 data URI 的DOMString。
    // 用JavaScript将画布保持成图片格式
    function convertCanvasToImage(canvas) {
        var imageUrl = canvas.toDataURL("image/png").substr(22);
        $.ajax({
            type: "post",
            url: "/faceCheck",
            headers: { 'Content-Type': 'application/x-www-form-urlencoded' },
            dataType: 'json',
            async: true,
            data: {
                'imageUrl': imageUrl
            },
            success: function (result) {
                console.log(result.children[0].name)
                alert("登录成功!")
                if (result.children[0].name === "柜员") {
                    window.location.href="/clientIndex.html"
                }else{
                    window.location.href="/index.html"
                }
            },
            error: function (result) {
                alert(result.responseText)
            }
        });
    }
}
